<!DOCTYPE html>
<html lang="zh-CN">
  
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <title>
      Centling阿里云站点
    </title>
    <!-- Bootstrap core CSS -->
    <link href="resource/css/bootstrap.min.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="resource/css/cover.css" rel="stylesheet">

    <link href="resource/font-awesome-4.5.0/css/font-awesome.min.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media
    queries -->
    <!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js">
      </script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js">
      </script>
    <![endif]-->
  </head>
  
  <body>
    <div class="site-wrapper">
      <div class="site-wrapper-inner">
        <div class="cover-container">
          <div class="masthead clearfix">
            <div class="inner">
              <h3 class="masthead-brand">
                Centing
              </h3>
              <nav>
                <ul class="nav masthead-nav">
                  <li><a href="index.html">Home</a></li>
                  <li><a href="haoshop.html">HaoShop</a></li>
                  <li class="active"><a href="#">App</a></li>
                  <li><a href="demo.html">Demo</a></li>
                </ul>
              </nav>
            </div>
          </div>
          <div class="inner cover">
            <h1 class="cover-heading">App分发</h1>
            <p class="lead">Demo App分发示例</p>
            <p class="lead">
              
              <a class="btn btn-lg btn-default" onclick="installApp()">
              <i class="fa fa-apple"></i> KD iOS Install
              </a>
            </p>
          </div>
          <div class="mastfoot">
            <div class="inner">
              <p>Copyright by<a href="http://www.centling.com">Centling</a>, by<a href="https://seas.site">@Seas</a>.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Bootstrap core JavaScript==================================================-
    ->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="resource/js/jquery.min.js">
    </script>
    <script src="resource/js/bootstrap.min.js">
    </script>
    <script type="text/javascript">
      function installApp() {
        function is_weixin() {
          var ua = navigator.userAgent.toLowerCase();
          if (ua.match(/MicroMessenger/i) == "micromessenger") {
            return true;
          } else {
            return false;
          }
        }
        var isWeixin = is_weixin();
        var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight: document.documentElement.clientHeight;
        var weixinTip = $('<div id="weixinTip" onclick="remove()"><p><img src="resource/images/live_weixin.png" class="img-responsive" alt="请使用手机浏览器打开" "/></p></div>');

        if (isWeixin) {
          $("body").append(weixinTip);
        }else{
          window.location.href = "itms-services://?action=download-manifest&url=https://seas.site/app/manifest.plist";
          return;
        }
        $("#weixinTip").css({
          "position": "fixed",
          "left": "0",
          "top": "0",
          "height": winHeight,
          "width": "100%",
          "z-index": "1000",
          "background-color": "rgba(0,0,0,0.8)",
          "filter": "alpha(opacity=80)",
        });
        $("#weixinTip p").css({
          "text-align": "center",
          "margin-top": "10%",
          "padding-left": "5%",
          "padding-right": "5%"
        });

      };

    </script>
  </body>

</html>